﻿<html>
<head>
<title>CSS3 Border Radius Test </title>

<style type="text/css" id="internalStyle">
p {border-radius: 25pt 50pt; border-style: solid; 
   }
h3 {border-radius: 50pt 25pt; border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Radius Test</h1>





<ul>
<li>
The two length values of the 'border-radius' properties define the radii
 of a quarter ellipse that defines the shape of the corner (see the diagram below
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a border radius
of 25pt horizontal and 50pt vertical.
The rule applied is "p {border-radius: 25pt 50pt;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border radius of 50pt 25pt.
The rule applied is "h3 {border-radius: 50pt 25pt;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
border radius of 25pt horizontal and 50pt vertical.  Border style of solid is applied to all
CSS rules, so that the border is visible.
</p>

</body>
</html>
